#5E5183

Color Details

HEX
#5E5183
RGB
rgb(94, 81, 131)
HSL
hsl(256, 24%, 42%)
CMYK
cmyk(28%, 38%, 0%, 49%)
Best text on this color #FFFFFF (CR 7.05:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5e5183
Contrast 2.98:1 Fail
White on #5e5183
Contrast 7.05:1 AAA
#5e5183 on Black
Contrast 2.98:1 Fail
#5e5183 on White
Contrast 7.05:1 AAA

Tints & Shades

#7e749c
#9e97b5
#bfb9cd
#4b4169
#38314f
#262034

Complement & Analogous

#778551
#795185
#515d85

Triadic

#855f51
#51855f

Monochrome

#262034 #38314f #5e5183 #9e97b5 #bfb9cd #dfdce6

Analogous

#515d85 #858eaa #5e5183 #94749d #795185 #61416a

Complementary Mix

#38314f #5e5183 #9e97b5 #778551 #a7b08e #4d5635

Nearby Colors

#5e5182
#5e5184
#5e5173
#5e5193

Embed #5E5183 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #5E5183

#5E5183 converts to RGB(94, 81, 131) and HSL(256, 24%, 42%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#5E5183 FAQs

What is the RGB value of #5E5183?
RGB: 94, 81, 131. Copy as CSS: rgb(94, 81, 131)
Is #5E5183 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5E5183?
Complement: #778551.
Does #5E5183 have good contrast on white or black?
On white: 7.05:1 (AAA (normal text)). On black: 2.98:1 (Fails AA).